{include file="top.html"}
<script type="text/javascript">
$(function(){
    $('#find_password_form').validate({
        errorPlacement: function(error, element){
          var error_td = element.parent('dd');
            error_td.find('label').hide();
            error_td.append(error);
        },
        success       : function(label){
            label.addClass('validate_right').text('OK!');
        },
        rules : {
            username : {
                required : true
            },
            email : {
                required : true,
                email : true
            },
            captcha : {
                required : true,
                remote   : {
                    url : 'index.php?app=captcha&act=check_captcha',
                    type: 'get',
                    data:{
                        captcha : function(){
                            return $('#captcha1').val();
                        }
                    }
                }
            } 
        },
        messages : {
            username : {
                required : '{$lang.username_required}'
            },
            email  : {
                required : '{$lang.email_required}',
                email : '{$lang.email_error}'
            },
            captcha : {
                required : '{$lang.captcha_required}',
                remote   : '{$lang.captcha_error}'
            }
        }
    });
});
</script>
<style>
.w{width:990px;}
</style>
<div id="main" class="w-full">
<div id="page-find-password" class="w login-register mt20 mb20">
	<div class="w logo mb10">
		<a href="{$site_url}" title="{$site_title}"><img alt="{$site_title}" src="{$site_logo}" /></a>
	</div>
    <div class="w clearfix">
    	<div class="col-main">
    		<div class="fp-edit-field" area="fp_left" widget_type="area">
         		<!--{widgets page=find_password area=fp_left}-->
        	</div>
    	</div>
		<div class="col-sub">
      	<div class="form">
        	<div class="title">{$lang.find_password}</div>
            <div class="content">
        		<form action="" method="POST" id="find_password_form">
                	<dl class="clearfix">
                    	<dt>{$lang.your_username}</dt>
                        <dd>
                        	<input class="input" type="text" name="username" id="username" />
                            <div class="clr"></div><label></label>
                        </dd>
                    </dl>
               		<dl class="clearfix">
                    	<dt>{$lang.your_email}</dt>
                        <dd>
                        	<input class="input" type="text" name="email" />
                            <div class="clr"></div><label></label>
                        </dd>
                    </dl>
              		<dl class="clearfix">
                  		<dt>{$lang.captcha}</dt>
                  		<dd class="captcha clearfix">
                     		<input type="text" class="input float-left" name="captcha" id="captcha1" />
                     		<img height="26" id="captcha" src="index.php?app=captcha&amp;{$random_number}" class="float-left" />
                            <a href="javascript:change_captcha($('#captcha'));" class="float-left">{$lang.next_captcha}</a>
                     		<div class="clr"></div><label></label>
                  		</dd>
               		</dl>
               		<dl class="clearfix">
                  		<dt>&nbsp;</dt>
                  		<dd class="clearfix">
                     		<input type="submit" class="fp-submit" name="Submit" value="{$lang.find_password}" title="{$lang.find_password}" />
                     		<input type="hidden" name="ret_url" value="{$ret_url}" />
                  		</dd>
               		</dl>
            		
         		</form>
         	</div>
      	</div>
	</div>
    </div>
</div>
</div>
{include file="footer.html"}